<template>
  <div>
    <div class="bottleReturn">
      <div class="title">
        其它业务描述:
      </div>
      <el-input v-model="submit.remark" type="textarea" :rows="3" maxlength="255" show-word-limit />
      <div style="height: 40px;" />
      <div class="title">
        近三次其它信息记录:
      </div>
      <lb-table
        ref="lbTable"
        highlight-current-row
        border
        max-height="400"
        element-loading-text="加载中"
        :column="tableData.column"
        :data="tableData.data"
        :pagination="false"
        :total="tableData.total"
      />
      <p style="margin-top: 5px;"> 备注: </p>
      <el-input v-model="sumitRemark" style="margin-top: 5px;" type="textarea" :rows="3" maxlength="255" show-word-limit />
    </div>
  </div>
</template>

<script>
  import { phoneOrderOtherList } from '@/api'
  export default {
    name: 'other',
    props: {
      // :open-flow="openFlow" :open-urge="openUrge" :open-back-order="openBackOrder"
      openFlow: {
        type: Function
      },
      openUrge: {
        type: Function
      },
      openBackOrder: {
        type: Function
      },
      parseTime: {
        type: Function
      }
    },
    data() {
      return {
        sumitRemark: null,
        submit: {
          checkList: []
        },
        tableData: {
          column: [
            { label: '登记时间', prop: 'createTime', width: '',
              render: (h, { row }) => <span >{row.createTime && this.parseTime(row.createTime, '{y}-{m}-{d} {h}:{i}:{s} ')}</span>
            },
            { label: '登记人', prop: 'createUser', width: '' },
            { label: '备注内容', prop: 'description', width: '' },
            { label: '处理人', prop: 'userName', width: '' }
          ],
          data: []
        }
      }
    },
    methods: {
      async getData(csmId) {
        if (!csmId) {
          return
        }
        const params = {
          csmId: csmId,
          topCount: 3
        }
        const res = await phoneOrderOtherList(params)
        this.tableData.data = res.data
      }

    }
  }
</script>

<style lang="scss" scoped>
.repairs {
  height: 100%;
}
.title {
  font-size: 14px;
  color: #ed912e;
}
</style>

